import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import i18n from './i18n' // 导入i18n
import { setupDarkMode } from './styles/darkMode.js'
import themeService from './services/themeService'

// 恢复导入字体图标
import '@fortawesome/fontawesome-free/css/all.min.css'

// 导入全局样式
import './styles/variables.css'

// 设置夜间模式
setupDarkMode();

// 创建Vue应用实例
const app = createApp(App)

// 使用路由和i18n
app.use(router)
app.use(i18n) // 添加i18n

// 全局注册图片基础路径
app.config.globalProperties.$imgPath = import.meta.env.MODE === 'production' 
  ? '/web/myself/images/' 
  : '/images/'

// 挂载应用
app.mount('#app')

// 启用图片懒加载
const images = document.querySelectorAll('img');
if ('loading' in HTMLImageElement.prototype) {
  images.forEach(img => {
    if (!img.loading) {
      img.loading = 'lazy';
    }
  });
} else {
  // 对于不支持lazy loading的浏览器，可以考虑使用懒加载库
} 